<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订货系统--客服员界面</title>
    <link rel="shortcut icon" type="favicon.ico" href="/static/img/img_icon_32.ico">
    <link rel="stylesheet" type="text/css" href="/static/css/waiter.css">
    <link rel="stylesheet" type="text/css" href="/static/css/customer.css">
    <script src="/static/js/jquery-1.11.1.min.js"></script>
    <script src="/static/js/waiter.js"></script>
</head>
<body>
<div class="bar">
    <div class="barElem" id="elem1">
        <img src="/static/img/img_icon.gif" class="img_com">
    </div>
    <div class="barElem" id="elem2">欢迎来到订货综合系统</div>
    <div class="barElem" id="elem3"><a href="/store/login">[ <span>退出</span> ]</a></div>
    <div class="barElem" id="elem4">
        <img src="/static/resources/users_photo/wai_photo/{{ waiterInfo['photo'] }}" class="img_com">
    </div>
    <div class="barElem" id="elem5">
        欢迎客服员 <span id="wai_account">{{waiterInfo['account']}}</span>
    </div>
</div>
<div class="content">
    <div class="content_left">
        <div class="leftElem" id="cargo" onclick="showPanel(this)">货物信息面板</div>
        <div class="leftElem" id="orderForm" onclick="showPanel(this)">订货单面板</div>
        <div class="leftElem" id="personalCenter" onclick="showPanel(this)">个人中心面板</div>
    </div>
    <div class="content_right">
        <div id="cargoPanel">
            <div class="title">货 物 信 息 面 板</div>
            <div id="left_table">
                <table id="wai_cargo_table">
                    <tr>
                        <th class="carg_th1">货物号</th>
                        <th class="carg_th2">货物图片</th>
                        <th class="carg_th3">货物描述</th>
                        <th class="carg_th4">制造厂商</th>
                        <th class="carg_th5">货物价格</th>
                        <th class="carg_th6">实际存储量</th>
                        <th class="carg_th7">最小存储量</th>
                        <th class="carg_th8">删除状态</th>
                    </tr>
                    {% for i in cargoInfo %}
                        <tr>
                            <td class="carg_td1">{{ cargoInfo[i]['no'] }}</td>
                            <td class="carg_td2">{{ cargoInfo[i]['photo'] }}</td>
                            <td class="carg_td3">{{ cargoInfo[i]['desc'] }}</td>
                            <td class="carg_td4">{{ cargoInfo[i]['manu'] }}</td>
                            <td class="carg_td5">{{ cargoInfo[i]['price'] }}元</td>
                            <td class="carg_td6">{{ cargoInfo[i]['stock'] }}</td>
                            <td class="carg_td7">{{ cargoInfo[i]['minStock'] }}</td>
                            <td class="carg_td8">{{ cargoInfo[i]['delStatus'] }}</td>
                        </tr>
                    {% endfor %}
                </table>
            </div>
            <div id="right_btn">
                <button id="allCargos" class="right_btn_elem">显示所有货物信息</button><br/>
                <button id="notDelCargos" class="right_btn_elem">显示未删除的货物</button><br/>
                <button id="delCargos" class="right_btn_elem">显示已删除的货物</button><br/>
                <br/>
                <button class="right_btn_elem">修改货物信息</button><br/>
                <button class="right_btn_elem">录入新的货物信息</button><br/>
                <button class="right_btn_elem">删除货物</button>
            </div>
        </div>
        <div id="orderFormPanel">
                <div class="title">订 货 单 面 板</div>
                <div class="radio">
                    <form>
                        <input type="radio" name="sel" id="notDealForm" value="notDeal" checked="checked"/><label for="notDealForm">未处理订单</label>
                        <span class="blank"></span>
                        <input type="radio" name="sel" id="dealtForm" value="finish"/><label for="dealtForm">已完成订单</label>
                        <span class="blank"></span>
                        <input type="radio" name="sel" id="refundForm" value="refund"/><label for="refundForm">已退费订单</label>
                        <span class="blank"></span>
                        <input type="radio" name="sel" id="allForm" value="all" /><label for="allForm">全部订单</label>
                    </form>
                </div>
                <table class="showTable" id="wai_table">
                    <tr>
                        <th class="th1">序号</th>
                        <th class="th2">时间</th>
                        <th class="th3">账单描述</th>
                        <th class="th4">总金额</th>
                        <th class="th5">账单状态</th>
                    </tr>
                    {% for i in orderFormInfo %}
                        <tr>
                            <td class="td1">{{ orderFormInfo[i]['no'] }}</td>
                            <td class="td2">{{ orderFormInfo[i]['date'] }}</td>
                            <td class="td3">{{ orderFormInfo[i]['desc'] }}</td>
                            <td class="td4">{{ orderFormInfo[i]['total'] }}元</td>
                            <td class="td5">{{ orderFormInfo[i]['status'] }}</td>
                        </tr>
                    {% endfor %}
                </table>
            </div>
        <div id="personalPanel">
                <div class="title">个 人 中 心</div>
                <div style=" width:100%; text-align:center;">
                    <hr class="hrLine" />  基本信息 <hr class="hrLine" />
                    <div class="panel">
                        <img src="/static/resources/users_photo/wai_photo/{{ waiterInfo['photo'] }}" width="130px" height="130px">
                        <div class="info">
                            <span>账户名</span><input name="wai_account" class="basicInfo" type="text" disabled="disabled" value="{{ waiterInfo['account'] }}"><br/><br/>
                            <span>客服昵称</span><input name="wai_name" class="basicInfo" type="text"disabled="disabled" value="{{ waiterInfo['name'] }}">
                        </div><button class="btn" id="wai_modiBasic" style="float: right;">修改</button>
                    </div>
                </div>
                <div style=" width:100%; text-align:center;">
                    <hr class="hrLine" />  &nbsp&nbsp&nbsp业 绩&nbsp&nbsp&nbsp  <hr class="hrLine" />
                    <div class="panel">
                        <div class="info">
                            <span>营业额</span><input name="turnover" type="text" disabled="disabled" value="{{ waiterInfo['turnover'] }}"><br/><br/>
                            <span>当月营业额</span><input name="monthTurnover" type="text"disabled="disabled" value="{{ waiterInfo['monthTurnover'] }}"><br/><br/>
                            <span>处理订单数</span><input name="orfoNum" type="text"disabled="disabled" value="{{ waiterInfo['orfoNum'] }}">
                        </div>
                    </div>
                </div>
                <br/>
                <div style=" width:100%; text-align:center;">
                    <hr class="hrLine" />  修改密码 <hr class="hrLine" />
                    <div class="panel">
                        <div class="info" id="wai_modiPwd">
                            <span>原密码</span><input type="password" name="wai_oldPwd"><br/><br/>
                            <span>新密码</span><input type="password" name="wai_newPwd" ><br/><br/>
                            <span>确认密码</span><input type="password" name="wai_affirmPwd" ><br/>
                            <div class="error" id="wai_error"></div>
                            <button id="wai_modiPwdBtn" class="btn">确定修改</button>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>
</body>
</html>